.banner{
    height:1.36rem;
    width:7.2rem;
    display: flex;
    margin-left:0.30rem;
    margin-top: 0.72rem;
    font-weight:400;
}
.banner .left{
    height:1.36rem;
    width:1.36rem;
    background-image: url("../img/cat.png");
    background-size: cover;
}
.banner .left .change{
    height:1.36rem;
    width:1.36rem;
    margin-right:20px;
    opacity: 0;


}
.banner .right{
    font-size: 0.28rem;
    color: rgba(50, 37, 22, 1);
}
.banner .text-1{
    margin-bottom: 0.4rem;
    margin-top: 0.1rem;
    font-size: 0.36rem;
    margin-left: 0.23rem;
}
.banner .text-2{
    margin-left: 0.23rem;

}
.nav {
    height: 1.02rem;
    width: 7.5rem;/*为什么不是7.5rem  ,上边的banner的margin 把宽度变长了*/
    display: flex;
    font-size: 0.34rem;
    justify-content: space-between;
    background-color:#FFFFFF;
    align-items: center;
    margin-bottom: 0.2rem;

}
.nav.top{
    margin-top: 0.6rem;
}

.nav .left-1{
    width:3rem;
    height:1.02rem;
    display: flex;
    align-items: center;
}
.nav .left-1 .img{
    background-image: url("../img/star.png");
    height:0.48rem;
    width:0.48rem;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0.34rem;
    margin-right: 0.39rem;
}
.nav .right-1{
    margin-right: 0.39rem;

}


footer{
    height:0.98rem;
    width:7.5rem;
    background:rgba(255,255,255,1);
    box-shadow:0 -0.05rem 0.1rem 0 rgba(173,173,173,0.11);
    color:hsla(31, 89%, 22%, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
}
footer .text-3{
    font-size: 0.2rem;
    margin-top: 0.1rem;
}

footer .content-2{
    height: 0.70rem;
    width: 0.40rem;
    margin-left: 0.76rem;
}
footer .content-2.margin-right{
    margin-right: 0.79rem;
}
footer .img-2{
    background-image: url("../../home-page/img/jingxuan(2)@2x.png");
    width:0.36rem;
    height:0.30rem;
    background-repeat: no-repeat;
    background-size: cover;
}